<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./../MasterPage/masterPage.xhtml">
            <ui:define name="content">

                <p:panel header="Mantenedor de Agencia">
                    <h:form id="frmfieldset">
                        <p:growl id="grow2" showDetail="true"/>
                        <h:panelGrid id="nuevo" columns="1" width="100%" >                
                            <p:fieldset legend="Nueva Agencia" toggleable="true" collapsed="true" toggleSpeed="500">  
                                                   
                                <h:panelGrid columns="5" cellpadding="10">                       
                                    <h:outputLabel for="txtRuc" value="Ruc: *" /> 
                                    <p:inputText style="width: 150px"  required="true" requiredMessage="Ingrese el Ruc" label="Ruc" id="txtRuc" value="#{managedBeanAgencia.objetoAgenciaCrear.agenRUC}"/>                        
                                    <h:outputLabel for="txtRazonSocial" value="Razon Social: *" /> 
                                    <p:inputText style="width: 150px"  required="true" requiredMessage="Ingrese la Razon Social" label="RazonSocial" id="txtRazonSocial"  value="#{managedBeanAgencia.objetoAgenciaCrear.agenRazSoc}"/>
                                    
                                    <br/>
                                        
                                    <h:outputLabel for="txtEmpresa" value="Dueño: *" />
                                    <h:outputText style="width: 150px"  id="duenio2" value="#{managedBeanEmpresa.datosDuenio}"/>
                                    <h:outputLabel for="txtDireccion" value="Direccion: *" /> 
                                    <p:inputText style="width: 150px"  required="true"  label="Direccion" id="txtDireccion" value="#{managedBeanAgencia.objetoAgenciaCrear.agenDireccion}"/>
                                    
                                    <br/>
                                        
                                    <h:outputLabel for="txtTelefono" value="Telefono: *" /> 
                                    <p:inputText style="width: 150px"  required="true"  label="Telefono" id="txtTelefono" value="#{managedBeanAgencia.objetoAgenciaCrear.agenTelefono}"/>
                                    <h:outputLabel for="txtCelular" value="Celular: *" /> 
                                    <p:inputText style="width: 150px"  required="true"  label="Celular" id="txtCelular" value="#{managedBeanAgencia.objetoAgenciaCrear.agenCelular}"/>
                                    
                                    <br/>
                                        
                                    <h:outputLabel  value="Fecha de Creacion: *" /> 
                                    <p:calendar style="width: 150px" value="#{managedBeanAgencia.objetoAgenciaCrear.agenFechaCreacion}" pattern="dd/MM/yyyy" />
                                    <h:outputLabel for="txtNroEmp" value="Nro de Empleados: *" /> 
                                    <p:inputText style="width: 150px"  required="true"  label="Nro de Empleados" id="txtNroEmp" value="#{managedBeanAgencia.objetoAgenciaCrear.agenNroEmpleados}"/>
                                    <br/>
                                    <h:outputLabel for="txtCiudad" value="Ciudad: *" />
                                    <h:panelGrid id="zz">
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanAgencia.objetoAgenciaCrear.ciudad}" effect="drop" style="width:150px" converter="CiudadConverter" >
                                            <f:selectItems  id="temsppp" value="#{managedBeanCiudad.objetoItems}"/>
                                        </p:selectOneMenu>
                                    </h:panelGrid>
                                    <p:commandButton value="+" update=":frmCiudad:displayCiudad" oncomplete="CiudadDialogo.show()" />

                                    <p:commandButton icon="ui-icon-disk"  value="Insertar" action="#{managedBeanAgencia.insertar()}" update=":frmfieldset:grow2 :frmfieldset:txtRuc :frmfieldset:txtRazonSocial :frmNuevo:dataTable" />                                                            

                                </h:panelGrid>  
                            </p:fieldset>
                        </h:panelGrid>
                    </h:form>
                    <br/>

                    <h:form id="frmCiudad">
                        <p:growl id="grow3" showDetail="true"/>
                        <p:dialog modal="true" id="Ciudad" header="Editar" widgetVar="CiudadDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="380" style="width: 100%" >
                            <h:panelGrid id="displayCiudad" columns="2" cellpadding="4" style="width:100%">                
                                <p:fieldset legend="Nueva Ciudad" toggleable="true" toggleSpeed="500">  

                                    <h:panelGrid columns="2" cellpadding="10">                        
                                        <h:outputLabel for="txtNombre" value="Nombre: *" /> 
                                        <p:inputText style="width: 85%"  required="true" requiredMessage="Ingrese el Nombre" label="Nombre" id="txtNombre" value="#{managedBeanCiudad.objetoCiudadCrear.ciudCiudad}"/>                        
                                        <h:outputLabel for="txtPais" value="Pais: *" />
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanDepartamento.objetoDepartamento.pais}" effect="drop" style="width:425px" converter="PaisConverter" >
                                            <f:selectItems  id="temsppp1" value="#{managedBeanPais.objetoItems}"/>
                                            <p:ajax update="temsppp" listener="#{managedBeanDepartamento.cargarDepxPais()}"  />
                                        </p:selectOneMenu>
                                        <h:outputLabel for="txtDepartamento" value="Departamento: *" />
                                        <p:selectOneMenu id="temsppp" filterMatchMode="contains" filter="true" value="#{managedBeanCiudad.objetoDepartamento}" effect="drop" style="width:425px" converter="DepartamentoConverter" >
                                            <f:selectItems value="#{managedBeanDepartamento.objetoItems2}"/>
                                        </p:selectOneMenu>
                                        <h:outputLabel for="txtDescripcion" value="Descripcion: *" /> 
                                        <p:inputTextarea  required="true"  label="Descripcion" id="txtDescripcion" rows="3" cols="45" value="#{managedBeanCiudad.objetoCiudadCrear.ciudDescripcion}"/>                        
                                        <p:commandButton id="insert2" icon="ui-icon-disk"  value="Insertar"  update=":frmfieldset:zz :frmCiudad:txtDescripcion :frmCiudad:txtNombre :frmCiudad:grow3 :frmCiudad" action="#{managedBeanCiudad.insertar()}" style="clear: both" alt="Ingresado"/>                        
                                    </h:panelGrid>  

                                </p:fieldset>
                            </h:panelGrid>
                        </p:dialog>
                    </h:form>


                    <h:form id="frmNuevo">
                        <p:growl id="growl" showDetail="true"/>
                        <p:growl id="messages" />            
                        <h:panelGrid id="padre" columns="1" style="width: 100%">
                            <h:panelGrid id="hijo2" columns="1" style="width: 100%">
                                <p:dataTable id="dataTable" var="Agencia" value="#{managedBeanAgencia.lista}" widgetVar="AgenciaTable" emptyMessage="Datos no encontrados"
                                             selection="#{managedBeanAgencia.objetoAgencia}" selectionMode="single"
                                             rowKey="#{Agencia.idAgencia}" paginator="true" rows="5"
                                             rowsPerPageTemplate="5,10,20,50">  
                                    <p:ajax event="rowSelect" listener="#{managedBeanAgencia.onRowSelect}"
                                            update=":frmNuevo:display :frmNuevo:growl" oncomplete="AgenciaDialogo.show()" />
                                    <p:ajax event="rowUnselect" listener="#{managedBeanAgencia.onRowUnselect}" update=":frmNuevo:growl"/>
                                    <f:facet name="header">  
                                        <p:outputPanel>  
                                            <h:outputText value="Listado de Agencias" />    
                                        </p:outputPanel>  
                                    </f:facet>
                                    <p:column id="Ruc" filterMatchMode="contains" filterBy="#{Agencia.agenRUC}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Ruc" />
                                        </f:facet>
                                        <h:outputText value="#{Agencia.agenRUC}" />  
                                    </p:column> 
                                    <p:column id="RazonSocial" filterMatchMode="contains" filterBy="#{Agencia.agenRazSoc}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="RazonSocial" />
                                        </f:facet>
                                        <h:outputText value="#{Agencia.agenRazSoc}" />  
                                    </p:column>  
                                    <p:column id="Direccion" filterMatchMode="contains" filterBy="#{Agencia.agenDireccion}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Ruc" />
                                        </f:facet>
                                        <h:outputText value="#{Agencia.agenDireccion}" />  
                                    </p:column> 
                                    <p:column id="Telefono" filterMatchMode="contains" filterBy="#{Agencia.agenTelefono}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Telefono" />
                                        </f:facet>
                                        <h:outputText value="#{Agencia.agenTelefono}" />  
                                    </p:column> 
                                    <p:column id="Celular" filterMatchMode="contains" filterBy="#{Agencia.agenCelular}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Celular" />
                                        </f:facet>
                                        <h:outputText value="#{Agencia.agenCelular}" />  
                                    </p:column>                                     
                                    <p:column id="NroEmp" filterMatchMode="contains" filterBy="#{Agencia.agenNroEmpleados}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="NroEmp" />
                                        </f:facet>
                                        <h:outputText value="#{Agencia.agenNroEmpleados}" />  
                                    </p:column> 
                                    <p:column id="Ciudad" filterMatchMode="contains" filterBy="#{Agencia.ciudad.ciudCiudad}" style="text-align: center" > 
                                        <f:facet name="header">
                                            <h:outputText value="Ciudad" />
                                        </f:facet>
                                        <h:outputText value="#{Agencia.ciudad.ciudCiudad}" />  
                                    </p:column> 
                                </p:dataTable> 
                            </h:panelGrid>
                        </h:panelGrid>        
                        <p:dialog modal="true" id="dialog" header="Editar Agencia" widgetVar="AgenciaDialogo" resizable="false" 
                                  showEffect="explode" hideEffect="explode" height="400" style="width: 100%" >
                            <h:panelGrid id="display" columns="2" cellpadding="4" style="width: 100%">
                                <p:fieldset legend="Datos de Agencia" toggleable="true" toggleSpeed="500">  
                                    <p:ajax event="toggle" listener="#{fieldsetBean.handleToggle}" update="growl" />    
                                    <h:panelGrid columns="4" cellpadding="10">  
                                        <h:outputText value="ID: " />  
                                        <p:inputText style="width: 85%" disabled="true" value="#{managedBeanAgencia.objetoAgencia.idAgencia}"/>  
                                        <h:outputText value="Ruc: " />  
                                        <p:inputText style="width: 85%" value="#{managedBeanAgencia.objetoAgencia.agenRUC}"/> 
                                        <h:outputText value="RazonSocial: " />  
                                        <p:inputText style="width: 85%" value="#{managedBeanAgencia.objetoAgencia.agenRazSoc}"/>
                                        <h:outputText value="Dueño: " />
                                        <p:inputTextarea style="width: 85%" disabled="true" value="#{managedBeanAgencia.objetoAgencia.empresa.empDuenio}"/>
                                        <h:outputText value="Direccion: " />  
                                        <p:inputText style="width: 85%" value="#{managedBeanAgencia.objetoAgencia.agenDireccion}"/> 
                                        <h:outputText value="Telefono: " />  
                                        <p:inputText style="width: 85%" value="#{managedBeanAgencia.objetoAgencia.agenTelefono}"/>
                                        <h:outputText value="Celular: " />  
                                        <p:inputText style="width: 85%" value="#{managedBeanAgencia.objetoAgencia.agenCelular}"/> 
                                        <h:outputText value="Fecha de Creacion: " /> 
                                        <p:calendar style="width: 150px" value="#{managedBeanAgencia.objetoAgencia.agenFechaCreacion}" pattern="dd/MM/yyyy" />
                                        <h:outputText value="Nro de Empleados: " />  
                                        <p:inputText style="width: 85%" value="#{managedBeanAgencia.objetoAgencia.agenNroEmpleados}"/> 
                                        <h:outputText value="Ciudad: " />  
                                        <p:selectOneMenu filterMatchMode="contains" filter="true" value="#{managedBeanAgencia.objetoAgencia.ciudad}" effect="drop" style="width:150px" converter="CiudadConverter" >
                                            <f:selectItems  id="tem" value="#{managedBeanCiudad.objetoItems}"/>
                                        </p:selectOneMenu>
                                        <p:commandButton icon="ui-icon-arrowrefresh-1-w" value="Actualizar" action="#{managedBeanAgencia.editar}" update=":frmNuevo" />                            
                                        <p:commandButton value="Eliminar" title="Eliminar" alt="Eliminar" icon="ui-icon-close"  action="#{managedBeanAgencia.eliminar}" update=":frmNuevo" />
                                    </h:panelGrid>  
                                </p:fieldset> 
                            </h:panelGrid>
                        </p:dialog>
                        <p:outputPanel id="panel1" autoUpdate="true" style="text-align: center">
                            <center>
                                <h:panelGrid columns="2" cellpadding="10">
                                    <p:fieldset legend="Exportar Todo: Seleccione el tipo de Formato" toggleSpeed="500"> 
                                        <center>
                                            <h:panelGrid columns="2" cellpadding="10">
                                                <h:commandLink>
                                                    <p:graphicImage style="width: 40px; height: 48px" value="/images/excel.png" />
                                                    <p:dataExporter type="xls" target="dataTable" fileName="lista" />
                                                </h:commandLink>
                                                <h:commandLink>
                                                    <p:graphicImage style="width: 50px; height: 48px" value="/images/pdf.jpg" />
                                                    <p:dataExporter type="pdf" target="dataTable" fileName="lista"/>
                                                </h:commandLink>
                                            </h:panelGrid>
                                        </center>
                                    </p:fieldset>
                                    <h:panelGrid columns="2" cellpadding="10" >                             
                                        <p:fieldset legend="Exportar por Paginado: Seleccione el tipo de Formato" toggleSpeed="500"> 
                                            <center>
                                                <h:panelGrid columns="2" cellpadding="10">
                                                    <h:commandLink>
                                                        <p:graphicImage style="width: 40px; height: 48px" value="/images/excel.png" />
                                                        <p:dataExporter type="xls" target="dataTable" fileName="lista" pageOnly="true"/>
                                                    </h:commandLink>
                                                    <h:commandLink>
                                                        <p:graphicImage style="width: 50px; height: 48px" value="/images/pdf.jpg" />
                                                        <p:dataExporter type="pdf" target="dataTable" fileName="lista" pageOnly="true"/>
                                                    </h:commandLink>
                                                </h:panelGrid>
                                            </center>
                                        </p:fieldset>
                                    </h:panelGrid>
                                </h:panelGrid>
                            </center>
                        </p:outputPanel>
                    </h:form>
                </p:panel>

            </ui:define>
        </ui:composition>
    </body>
</html>
